*{padding: 0;margin: 0;}
body{width: 100%;background: #f0f0f0;overflow-x: hidden;overflow-y: auto;}
a{text-decoration: none;}
li{list-style: none;}
input:focus{outline: none;}

/*顶部*/
#top{width: 100%;height: 50px;color:white;letter-spacing: 10px;font-size: 20px;line-height: 50px;position: relative;
background: #ffcc33;text-align: center;}
#top p{display: inline-block; position: relative; top: 0px;}
#top input{border: none;background: none;color: white;font-size: 20px;position: absolute;right: 10px;top: 43px;}


/*中间商品部分*/
#content{width: 100%;margin-bottom: 250px;}
.goodsCon{position: relative;margin-top: 30px;margin-bottom: 130px;}
.editItem{border: none;background: none;margin-left: 55%;font-size: 16px;}
.goodsCon img{width: 115px;height: 85px;position: absolute;left: 45px;top: 50px;}
.goodsName{width: 137px;height: 32px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;font-size: 16px;font-family: "华文行楷";position: absolute;left: 48%;top: 50px;font-weight: bold;}
.growPlace{width: 137px;margin-top: 60px;position: absolute;left: 48%; font-family: "宋体";font-size: 14px;}
.amount{position: absolute;left: 54%;top: 114px;font-size: 20px;}
.money{position: absolute;left: 74%;top: 118px;color: red;}
.deleteItem{width: 40px;height: 83px;background: #FFCC33;border: none;color: white;position: absolute;left: 88%;top: 51px;}
.reduce,.increase{width: 20px;height: 20px;position: absolute;left: 35%;top: 65px;display: none;}
.increase{position: absolute;left: 49%;height: 65px;}
.reduce img,.increase img{width: 20px;height: 20px;}

#sum{width: 100%;height: 70px;position: fixed;bottom: 10%;background: white;}
#sumfee{width: 25px;height: 25px;position: relative;margin-right: 10px;opacity: 0;}
.radiostyle{width: 25px; height: 25px;border-radius: 50%;border: 1px solid #d1d1d1;display: inline-block;position: relative;
top: 7px;left: 7px;margin-right: 10px;}
.on{background: url(../img/check.png) no-repeat;border: 1px solid white;}
.in{background: url(../img/check.png) no-repeat;border: 1px solid white;}
#total{display: inline-block;margin-left: 20px;}
#pay{width: 80px;height: 40px;border: none;background: #FFCC33;color: white;letter-spacing: 3px;
position: fixed;right: 5px; font-size: 16px;}

/*底部*/
#footer{width: 100%;height: 10%;background: white;position: fixed;bottom: 0;left: 0;font-size: 12px;color: gray;font-family: "微软雅黑";}
#footer ul{width: 100%;height: 100%;}
#footer ul li{float: left;width: 20%;height: 100%;line-height: 20px;text-align: center;}
#footer ul li img{width: 40px;height: 40px;margin-top: 15px;}
.active{color: #FFCC33;}
#footer ul li img#more{width: 45px;height: 45px;position: relative;top: -20px;}
.deleteItem{display: none;}

 #add1{width: 80%; height:50;position: absolute;top:60%;bottom: 60px; left: 10%; background-color: #000;z-index: 2;opacity: 0.85;display: none;border-radius: 10px;}
 .add1_imgR{width: 22%;position: relative;margin-top:50px; margin-bottom:150px; float: right;margin-right: 7%;}
 .add1_imgL{width: 22%;position: relative;margin-top:50px; float: left;margin-left: 17%;}
 .del{position: relative;float: right;width: 10%;}